﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="OnlineSales.aspx.cs" Inherits="product_OnlineSales_OnlineSales" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
        .style2
        {
            height: 23px;
            text-align: center;
        }
        .style3
        {
            text-align: center;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <br />
        <table class="style1">
            <tr>
                <td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
        <br />
        <br />
        Select a category 
        <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" 
            Height="19px" onselectedindexchanged="DropDownList1_SelectedIndexChanged" 
            Width="57px">
            <asp:ListItem></asp:ListItem>
            <asp:ListItem>A</asp:ListItem>
            <asp:ListItem>B</asp:ListItem>
            <asp:ListItem>C</asp:ListItem>
            <asp:ListItem>D</asp:ListItem>
            <asp:ListItem>E</asp:ListItem>
            <asp:ListItem>F</asp:ListItem>
            <asp:ListItem>G</asp:ListItem>
            <asp:ListItem>H</asp:ListItem>
            <asp:ListItem>I</asp:ListItem>
        </asp:DropDownList>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Enter 
        your quantity :
        <asp:TextBox ID="Quantity" runat="server"></asp:TextBox>
        <br />
        <br />
        <br />
        &nbsp;<br />
        <table class="style1">
            <tr>
                <td class="style2">
                    <asp:Image ID="Image1" runat="server" BorderColor="White" Height="300px" 
                        Width="500px" />
                </td>
                <td class="style2">
                    <asp:Image ID="Image12" runat="server" BorderColor="White" Height="300px" 
                        Width="500px" />
                </td>
                <td class="style2">
                    <asp:Image ID="Image2" runat="server" BorderColor="White" Height="300px" 
                        Width="500px" />
                </td>
            </tr>
            <tr>
                <td class="style2">
                    <asp:Label ID="Item1" runat="server"></asp:Label>
                </td>
                <td class="style2">
                    <asp:Label ID="Item2" runat="server"></asp:Label>
                </td>
                <td class="style2">
                    <asp:Label ID="Item3" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="style3">
                    <asp:Label ID="DiscountedPrice1" runat="server" Text="Discounted Price :" 
                        Visible="False"></asp:Label>
&nbsp;<asp:Label ID="Label1" runat="server" Text="$" Visible="False"></asp:Label>
                    <asp:Label ID="DiscountedAmount1" runat="server"></asp:Label>
                </td>
                <td class="style3">
                    <asp:Label ID="DiscountedPrice2" runat="server" Text="Discounted Price :" 
                        Visible="False"></asp:Label>
&nbsp;<asp:Label ID="Label2" runat="server" Text="$" Visible="False"></asp:Label>
                    <asp:Label ID="DiscountedAmount2" runat="server"></asp:Label>
                </td>
                <td class="style3">
                    <asp:Label ID="DiscountedPrice3" runat="server" Text="Discounted Price :" 
                        Visible="False"></asp:Label>
&nbsp;<asp:Label ID="Label3" runat="server" Text="$" Visible="False"></asp:Label>
                    <asp:Label ID="DiscountedAmount3" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="style3">
                    <asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
                        Text="Purchase" />
                </td>
                <td class="style3">
                    <asp:Button ID="Button2" runat="server" onclick="Button2_Click" 
                        Text="Purchase" />
                </td>
                <td class="style3">
                    <asp:Button ID="Button3" runat="server" onclick="Button3_Click" 
                        Text="Purchase" />
                </td>
            </tr>
        </table>
        <br />
        <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
    
    </div>
    </form>
</body>
</html>
